﻿@using Kendo.Mvc.UI
@using TelerikConnect.Web.ViewModels
@model IEnumerable<UserBasicViewModel>

<script type="text/x-kendo-tmpl" id="template">
    <div class="users-list">
        <a href="/Account/Profile/#:UserName#"><img src="#:Avatar#" class="thumb-img" alt="#:UserName# image" /></a>
        <h3>#:FirstName# #:LastName#</h3>
        <a href="/Account/Profile/#:UserName#">(#:UserName#)</a>
    </div>
</script>

<div class="demo-section">
    @(Html.Kendo().ListView<UserBasicViewModel>(Model)
    .Name("listView")
    .TagName("div")
    .ClientTemplateId("template")
    .DataSource(dataSource =>
    {
        //dataSource.Read(read => read.Action("UsersByFirstLetterAjax", "Account"));
        dataSource.PageSize(15);
    })
    .Pageable()
)
</div>